<header class="ss-header">
	<nav class="navbar" role="navigation" aria-label="main navigation">
		<div class="navbar-brand">
			<a class="logo-link" style="font-size:25px;margin-right: 50px;" href="{{ "/" | relLangURL }}">
				 <img class="logo" src="/img/logo/shenyu.png">
			</a>
			<div class="-show-mobile">
				<a id="mobile-menu-icon">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-menu"></use>
					</svg>
				</a>
				<nav id="mobile-menu">
						<div id="js-menu-search-mobile" class="navbar-search-mobile">
							<input class="input" placeholder="{{ i18n "search_placeholder"}}">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-search"></use>
							</svg>
						</div>
					{{ $currentPage := . }}
          {{ range .Site.Menus.main }}
            <a
              class="{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} -active{{end}}"
              href="{{ .URL }}">
              <span>
                {{ .Name }}
              </span>
              <svg class="icon" aria-hidden="true"><use xlink:href="#icon-ARROW"></use></svg>
            </a>
					{{ end }}
					{{ if .IsTranslated }}
            {{ range .Translations }}
              <a href="{{ .URL }}">
                <span>{{ i18n "translation_mobile" }}</span>
                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-transfer"></use></svg>
              </a>
						{{ end}}
					{{ end }}
				</nav>
			</div>
		</div>

		<div class="navbar-menu -hidden-mobile">
			<div class="navbar-start">
				{{ $currentPage := . }}
				{{ range .Site.Menus.main }}
					<a class="navbar-item {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) (eq .URL  $currentPage.URL) }} -active{{end}}"
						href="{{ .URL }}">{{ .Name }}</a>
				{{ end }}
				<span class="navbar-item nav-hover">
					<a>Links</a>
					  <div class="dropdown-menu">
						<a class="dropdown-item"  href="https://www.apache.org/">Apache Software Foundation</a>
						<a class="dropdown-item"  href="https://github.com/apache/incubator-shenyu/issues">GitHub Issue Tracker</a>
						<a class="dropdown-item"  href="https://www.apache.org/">License</a>
						<a class="dropdown-item"  href="http://www.apache.org/events/current-event">Apache Events</a>
						<a class="dropdown-item"  href="https://www.apache.org/licenses/">Security</a>
						<a class="dropdown-item"  href="http://www.apache.org/foundation/sponsorship.html">Sponsor and Donate</a>
						<a class="dropdown-item"  href="http://www.apache.org/foundation/thanks.html">Thanks</a>
					  </div> 
				</span>
			</div>
			<div class="navbar-end">
				<div class="navbar-item">
					<div id="js-menu-search" class="navbar-search">
						<input class="input" placeholder="{{ i18n "search_placeholder"}}">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-search"></use>
						</svg>
					</div>
				</div>
				<div class="navbar-item">
					{{ if .IsTranslated }}
						{{ range .Translations }}
							<a class="translation" href="{{ .URL }}">{{ i18n "translation" }}</a>
						{{ end}}
					{{ end }}
				</div>
			</div>
		</div>
	</nav>
</header>

{{ range .Site.Menus.main }}
	{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
		<div class="ss-title">{{ .Name }}</div>
	{{end}}
{{ end }}
